
//  vue.config.js  vue 脚手架的配置文件

// 反向代理 (处理跨域 + 设置基路径)
// 跨域  (jsonp + cors + 反向代理  )
// 抓别人的数据  跨域 就需要用到 反向代理 去处理 

// 设置一个反向代理对象  这个proxy对象 可以在请求发送之前 代理前端的 接口地址  
// 后端接收到请求之前 代理 后端的接口地址
// 避免跨域问题的产生 

module.exports = {
  lintOnSave: false, // 取消ESlint 警告  
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  },
  devServer: {   // 服务器的相关配置
    host: "localhost",
    port: 2323,
    inline: true,
    hot: true,
    open: true,   // 自动打开浏览器
    proxy: {   // 设置代理 
      "/api": {
        target: "http://localhost:2105/",
        pathRewrite: {
          "^/api": ""  // 需要将 /api 重写为 / 
        }
      },
      "/wangyi": {
        target: "http://47.104.209.44:3333/",
        pathRewrite: {
          "^/wangyi": ""  // 需要将 /api 重写为 / 
        }
      },
      "/gateway": {
        target: "https://m.maizuo.com/",
      },

    }
  },
  css: {  // 处理css 
    loaderOptions: {   // 加载器 处理样式 
      css: {},
      postcss: {   // 样式代码处理 
        plugins: [  // 插件 
          require("postcss-px2rem")({   // px => rem 
            remUnit: 37.5,  // VantUI 设计稿尺寸 375 
            exclude: /node_modules/i
          })
        ]
      }
    }
  }
}